<!DOCTYPE html>	
<html xmlns:wicket="http://wicket.apache.org">
<!-- 	<head> -->
<!-- 		<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:regular,bold' rel='stylesheet' type='text/css' /> -->
<!-- 		<link rel="stylesheet" href="style.css" type="text/css" media="screen" title="Stylesheet" /> -->
<!-- 		<link wicket:id="mycss" rel="Stylesheet" type="text/css" href="styles.css"/> -->
<!-- 		<wicket:head> -->
<!--   			<wicket:link> -->
<!--    				 <link rel="stylesheet" type="text/css" href="styles.css"/> -->
<!--   			</wicket:link> -->
<!-- 		</wicket:head> -->
<!-- 	</head> -->

      <wicket:head>
		<meta charset="utf-8" />
		<title>Dragon Ball - Trabajo Practico UIS </title>
          <link wicket:id="mycss" rel="Stylesheet" type="text/css" href="styles.css"/>
      </wicket:head>

	
<!-- 	<div> -->
<!--          <div wicket:id="header" >header</div> -->
<!--     </div> -->
	
	<body>
			<center><img src="images/header.png" alt="DragonBall" /></center>
		<table align="center" width="20" heigth="20" cellspacing="40" cellpadding="0" border="0">
			<tr>
				<td align="center">
					<a href="#" wicket:id="vertablero" rel="lightbox">
						<img src="images/tablero.gif" alt="Ver Tablero" border="0">Tablero
					</a>
				</td>
				
				<td align="center">
					<a href="#" wicket:id="crearpersonaje">
						<img src="images/creargif.gif" alt="Crear Personaje" border="0">CrearPersonaje
					</a>
				</td>
				<td align="center">
					<a href="#" wicket:id="crearEsfera" rel="lightbox">
						<img src="images/esferagif.gif" alt="Crear Esfera" border="0">Crear Esfera
					</a>
				</td>
				
				<td align="center">
					<a href="#" wicket:id="verpersonajes">
						<img src="images/verpersonajesgif.gif" alt="Ver Personajes" border="0">Ver Personajes
					</a>
				</td>
			</tr>
		</table>
		<a href="#" wicket:id="linkVolver">Ir al inicio</a>
	</body>
	<div>
		<div wicket:id="footer"></div>
	</div>
	
</html>
